<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
  <meta content="yes" name="apple-mobile-web-app-capable"/>
  <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
  <meta content="telephone=no" name="format-detection"/>
  <title>剑桥英语</title>
  <script rel="stylesheet" src="./common/js/flexible.js"></script>
  <link rel="stylesheet" href="./common/css/reset.css">
  <link rel="stylesheet" href="./lib/wu-layer/iconfont.css">
  <link rel="stylesheet" href="./lib/wu-layer/wu-ui.css">
  <link rel="stylesheet" href="./css/edit-password.css">
</head>
<body>
<div>
  <div id="header"></div>

  <div class="banner">
    <img src="./img/banner.png" alt="" class="banner-img">
  </div>

  <div class="describe">
    <div class="user flex row-right">
      <span class="username">你好，Agentone</span>
      <a href="./edit-password.html" class="user-edit br">修改密码</a>
      <a href="javascript:;" class="user-edit signout">退出</a>
    </div>
    <div class="describe-t flex row-center">
      <span class="yellow-line"></span>
      <div class="describe-title">修改密码</div>
      <span class="yellow-line"></span>
    </div>
  </div>

  <form class="form" id="form">
    <div class="label" style="margin: 0">旧密码：</div>
    <input type="password" class="inp" placeholder="请输入旧密码" name="oldPassword">
    <div class="label">新密码：</div>
    <input type="password" class="inp" placeholder="请输入新密码" name="password">
    <div class="label">确认新密码：</div>
    <input type="password" class="inp" placeholder="请确认新密码" name="confirmPassword">
    <div class="fix">注意：密码请使用6-20位的英文字母与数字组合。</div>
    <a class="submit-btn hover-class" href="javascript:;">提交</a>
  </form>

  <div class="bg-wrapper">
    <img src="./img/course-list/bg.png" alt="">
  </div>

  <div class="card-win">
    <div class="content" style="background-image: url('./img/content-1.png');">
      <h2 class="title flex">
        <span class="title-msg-zh">我要咨询</span>
        <span class="title-msg-en">Consulting</span>
      </h2>
      <div class="btn-group flex-col row-center col-bottom" style="padding-right: .5rem; height: 3.12rem;">
        <a href="./common-problem.html" class="btn">考试常见问题FAQ</a>
        <a href="javascript:;" class="btn">在线课程咨询</a>
        <a href="./business-cooperation.html" class="btn">商务合作</a>
      </div>
    </div>

    <div class="content" style="background-image: url('./img/content-3.png'); margin-top: .82rem;">
      <h2 class="title flex">
        <span class="title-msg-zh">在线课程</span>
        <span class="title-msg-en">Online Courses</span>
      </h2>
      <div class="btn-group flex-col row-center" style="padding-left: .38rem; height: 3.12rem;">
        <a style="margin-top: -0.3rem" href="./course-list.html" class="btn">进入课程</a>
      </div>
    </div>
  </div>

  <div class="signout-layer flex row-center">
    <div class="signout-layer-bg"></div>
    <div class="layer-content">
      <img src="./img/close.png" class="close-img" alt="">
      <div class="title">您即将退出本次登录</div>
      <div class="layer-group flex row-between">
        <a href="javascript:;" class="layer-group-btn btn-cancel hover-class">取消</a>
        <a href="javascript:;" class="layer-group-btn hover-class">确定</a>
      </div>
    </div>
  </div>

  <div id="footer">
  </div>
</div>
<script src="./common/js/jquery-2.1.1.min.js"></script>
<script src="./common/js/index.js"></script>
<script src="lib/wu-layer/wu-ui.js"></script>
<script src="./js/edit-password.js"></script>
</body>
</html>
